<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/common.css" />
  </head>
  <body>
    <div class="nav">
      <div class="nav-c">
        <img src="img/logo.png" alt="logo" />
        <ul class="nav-left">
          <li class="nav-item active">
            <a href="index.html">
              首页
            </a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="pages/project/index.html">项目</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="pages/produce/index.html">产品</a>
            <span class="line"></span>
          </li>

          <li class="nav-item">
            <a href="pages/service/index.html">服务</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="pages/news/index.html">新闻</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="pages/about/index.html">关于</a>
            <span class="line"></span>
          </li>
        </ul>
      </div>
    </div>

    <div class="banner">
      <ul class="banner-dot">
        <li class="dot-item active"><a href=""></a></li>
        <li class="dot-item"><a href=""></a></li>
        <li class="dot-item"><a href=""></a></li>
        <li class="dot-item"><a href=""></a></li>
        <li class="dot-item"><a href=""></a></li>
      </ul>
    </div>

    <div class="container">
      <div class="container-c">
        <div class="project-c">
          <div class="title">
            <span class="cname">项目展示</span>
            <span class="ename">PROJECT DISPLAY</span>
            <div class="name-left-line"></div>
            <div class="name-right-line"></div>
          </div>
          <div class="sub-nav">
            <ul>
              <li class="sub-item active">
                <a href="">家具</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item">
                <a href="">办公</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item">
                <a href="">餐饮</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item">
                <a href="">More</a>
                <span class="line"></span>
              </li>
            </ul>
          </div>
        </div>

        <div class="project-pic">
          <ul class="pic-list">
            <li class="pic-item">
              <img src="img/pic1.jpg" alt="pic1" />
              <div class="text">
                <p class="text-0">Marylebone公寓 上海</p>
                <p class="text-1">房间空间的和谐共融</p>
              </div>
            </li>
            <li class="pic-item">
              <img src="img/pic2.jpg" alt="pic1" />
              <div class="text">
                <p class="text-0">月见棱廓 北京</p>
                <p class="text-1">舒适而注重情感交流的小住宅</p>
              </div>
            </li>
            <li class="pic-item">
              <img src="img/pic3.jpg" alt="pic1" />
              <div class="text">
                <p class="text-0">亭仔脚 台北</p>
                <p class="text-1">生活记忆的延续</p>
              </div>
            </li>
          </ul>
        </div>

        <div class="produce">
          <div class="title">
            <span class="cname">产品中心</span>
            <span class="ename">PRODUCE CENTER</span>
            <div class="name-left-line"></div>
            <div class="name-right-line"></div>
          </div>
          <ul class="produce-nav">
            <li class="produce-nav-item active">
              <a class="p1" href="">
                <img src="img/p0.png" alt="" />
              </a>
              <div class="produce-text">
                <p>床 Bed</p>
                <span class="produce-line"></span>
              </div>
            </li>
            <li class="produce-nav-item">
              <a class="p1" href="">
                <img src="img/p1.png" alt="" />
              </a>
              <div class="produce-text">
                <p>沙发 Sofa</p>
                <span class="produce-line"></span>
              </div>
            </li>
            <li class="produce-nav-item">
              <a class="p1" href="">
                <img src="img/p2.png" alt="" />
              </a>
              <div class="produce-text">
                <p>桌椅 TABLES&CHARIS</p>
                <span class="produce-line"></span>
              </div>
            </li>
            <li class="produce-nav-item">
              <a class="p1" href="">
                <img src="img/p3.png" alt="" />
              </a>
              <div class="produce-text">
                <p>衣柜 CLOSET</p>
                <span class="produce-line"></span>
              </div>
            </li>
            <li class="produce-nav-item">
              <a class="p1" href="">
                <img src="img/p4.png" alt="" />
              </a>
              <div class="produce-text">
                <p>灯 LIGHT</p>
                <span class="produce-line"></span>
              </div>
            </li>
          </ul>

          <div class="produce-list">
            <ul class="produce-list-t">
              <li class="produce-item">
                <a href="">
                  <img src="img/bed0.jpg" alt="" />
                  <p>PEMBERLY ROW</p>
                  <p>软垫加州特大号床板ZUMA PUMICE</p>
                </a>
              </li>
              <li class="produce-item">
                <a href="">
                  <img src="img/bed1.jpg" alt="" />
                  <p>SOLOMAN</p>
                  <p>中世纪浅米色面料平台床</p>
                </a>
              </li>
              <li class="produce-item">
                <a href="">
                  <img src="img/bed2.jpg" alt="" />
                  <p>CHESTER</p>
                  <p>簇绒天鹅绒特大号床</p>
                </a>
              </li>
            </ul>

            <ul class="produce-list-d">
              <li class="produce-item">
                <a href="">
                  <img src="img/bed3.jpg" alt="" />
                  <p>HAWTHORNE</p>
                  <p>女王平台床</p>
                </a>
              </li>
              <li class="produce-item">
                <a href="">
                  <img src="img/bed4.jpg" alt="" />
                  <p>HENRY MID-CENTURY</p>
                  <p>现代软垫平台床</p>
                </a>
              </li>
              <li class="produce-item">
                <a href="">
                  <img src="img/bed5.jpg" alt="" />
                  <p>MODBERG</p>
                  <p>墨西拿灰色生态床</p>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="container-b">
      <div class="container-b-c">
        <div class="service">
          <div class="title">
            <span class="cname">服务范围</span>
            <span class="ename">SERVICE AREA</span>
            <div class="name-left-line"></div>
            <div class="name-right-line"></div>
          </div>

          <div class="banner-m">
            <img src="img/banner-m.jpg" alt="" />
            <div class="banner-m-box">
              <div class="b1 active">
                <a href="">
                  <p>
                    翻新改造
                  </p>
                  <span class="box-line"></span>
                  <p class="mt27">Renovate remould</p>
                </a>
              </div>
              <div class="b1">
                <a href="">
                  <p>
                    研究设计
                  </p>
                  <span class="box-line"></span>
                  <p class="mt27">Research design</p>
                </a>
              </div>
              <div class="b1">
                <a href="">
                  <p>
                    创新战略
                  </p>
                  <span class="box-line"></span>
                  <p class="mt27">Innovation strategy</p>
                </a>
              </div>
              <div class="b1">
                <a href="">
                  <p>
                    视觉方案
                  </p>
                  <span class="box-line"></span>
                  <p class="mt27">Vision precept</p>
                </a>
              </div>
            </div>
          </div>
        </div>

        <div class="news">
          <div class="title">
            <span class="cname">新闻资讯</span>
            <span class="ename">NEWS INFORMATION</span>
            <div class="name-left-line"></div>
            <div class="name-right-line"></div>
          </div>

          <div class="news-list">
            <div class="news-item-0">
              <a href="">
                <img src="img/news0.jpg" alt="news0" />
                <div class="card">
                  <p class="p1">
                    OMTÄNKSAM 沃姆安克萨姆 系列餐桌椅现已在简饰推出。
                  </p>
                  <span class="p2"
                    >餐桌是家的主角。还有其它家具能同时拥有这么多功能吗？从家庭办公室、游戏中心、派对中心到用餐的地方，餐桌能够满足所有这些需求。</span
                  >
                </div>
              </a>
            </div>
            <div class="news-item-1">
              <a href="">
                <img src="img/news1.jpg" alt="news0" />
                <div class="card">
                  <p class="p1">
                    OMTÄNKSAM 沃姆安克萨姆 系列餐桌椅现已在简饰推出。
                  </p>
                  <span class="p2"
                    >餐桌是家的主角。还有其它家具能同时拥有这么多功能吗？从家庭办公室、游戏中心、派对中心到用餐的地方，餐桌能够满足所有这些需求。</span
                  >
                </div>
              </a>
            </div>
            <div class="news-item-2">
              <a href="">
                <img src="img/news2.jpg" alt="news0" />
                <div class="card card-s">
                  <p class="p1">
                    OMTÄNKSAM 沃姆安克萨姆
                  </p>
                  <span class="p2">餐桌是家的主角。</span>
                </div>
              </a>
            </div>
            <div class="news-item-3">
              <a href="">
                <img src="img/news3.jpg" alt="news0" />
                <div class="card">
                  <p class="p1">
                    OMTÄNKSAM 沃姆安克萨姆
                  </p>
                  <span class="p2">餐桌是家的主角。</span>
                </div>
              </a>
            </div>
          </div>
        </div>

        <div class="about">
          <div class="title">
            <span class="cname">关于简设</span>
            <span class="ename">ABOUT US</span>
            <div class="name-left-line"></div>
            <div class="name-right-line"></div>
          </div>

          <div class="about-img-text">
            <div class="img">
              <img src="img/about_us.jpg" alt="about_us" />
            </div>
            <div class="text">
              <p>
                简设装饰集团 简设装饰 (JS
                DECORATION) ，已成为全球最大的家具家居用品商家，销售主要包括座椅
                沙发系列、办公用品、卧室系列、厨房系列、照明系列、纺织品、炊具系列、房屋储藏系列、儿童产品系列等约10,000个产品。
              </p>
              <p>
                为了让更多的顾客成为简设的品牌布道者，简设的一个重要策略就是销售梦想而不是产品。为了做到这一点，
                简设不仅提供广泛、设计精美、实用、低价的产品，而且也把产品跟公益事业进行联姻。
              </p>
              <p>
                简设还有一个独特的策略，采用一体化品牌模式的品牌，即拥有品牌、设计及销售渠道。在产品品牌上，简设
                把公司的2万多种产品，分为三大系列：简设办公、家庭储物、儿童简设。在简设品牌的强势支撑下，2万多种
                产品均建立了自己的品牌。 
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="footer">
        <div class="footer-l">
            <p>简设装饰有限公司</p>
            <ul class="footer-l-logo">
                <li>
                    <img src="img/weibo.png" alt="">
                </li>
                <li>
                    <img src="img/wechat.png" alt="">
                </li>
                <li>
                    <img src="img/qq.png" alt="">
                </li>
            </ul>
        </div>

        <div class="footer-m">
            <p>地址：中国地区**分区6号写字楼888室</p>
            <p>电话：688-8888-008</p>
            <p>传真：000-66668888</p>
        </div>

        <div class="footer-r">
            <p>邮编：100000 </p>
            <p>手机：186-6006-8008</p>
            <p>邮箱：00060008@163.com</p>
        </div>
    </div>
  </body>
</html>
